<template>
	<div class="">
		<loading v-if="isloading"></loading>
		<!--轮播S-->
		<home-ad-img></home-ad-img>
		<!--轮播E-->
		<home-slide @hideLoad="hideLoad"></home-slide>
		<!--底部导航-->
		<home-footer page="article"></home-footer>
	</div>
</template>

<script>
	import BaseHeader from "@/components/common/BaseHeader"
	import HomeAdImg from "@/components/article/HomeAdImg"
	import HomeSlide from "@/components/article/HomeSlide"
	import HomeFooter from "@/components/article/HomeFooter"
	import Loading from "@/components/common/Loading"
	export default {
		name: 'Index',
		components: {
			BaseHeader,
			HomeAdImg,
			HomeSlide,
			HomeFooter,
			Loading
		},
		data() {
			return {
				isloading: true
			}
		},
		methods: {
			//
			hideLoad(d) {
				console.log(d);
				this.isloading = d;
			}
		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>